<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>任务管理</title>
</head>
<body>
    <script>
        //原理分析
        //下面通过一个例子来详细分析宏任务与微任务
        // console.log("后盾人");

        // setTimeout(function(){
        //     console.log("定时器");
        // },0);


        // Promise.resolve()
        // .then(function(){
        //     console.log('promise1');
        // })
        // .then(function(){
        //     console.log("promise2");
        // })
        // ;

        // console.log("hoduurnen.com");


        //脚本加载
        //引擎在执行任务的时候不会进行DOM渲染,所以如果把script定义在前面，要先执行完任务再渲染DOM
        //建议将script放在body结束标签前面
        




    </script>
</body>
</html>